<template>
  <div id="app">
    <div class="fixed-top">
      <TopBar />
      <NavHeader />
    </div>
    <div class="box">
      <div class="box-container">
        <router-view />
      </div>
    </div>
    <NavFooter />
  </div>
</template>
<script>
import NavHeader from "../components/layout/NavHeader";
import TopBar from "../components/layout/TopBar.vue";
import NavFooter from "../components/layout/NavFooter.vue";

export default {
  components: {
    TopBar,
    NavHeader,
    NavFooter,
  },
};
</script>
<style lang="scss" scoped>
#app {
  height: 100%;
  // background-color: grey;
}
#udesk_container #udesk_btn .udesk-client-btn {
  right: 0 !important;
  top: calc(100vh - 40px) !important;
  margin: 3px 0 3px 30px !important;
}
#udesk_frame_dialog {
  display: none !important;
}
.fixed-top {
  z-index: 2000;
  position: fixed;
  top: 0;
  width: 100%;
}
.box {
  box-sizing: border-box;
  padding-top: 140px;
  // 400px
  min-height: calc(100vh - 81px);
  background-color: #eff1f5;
  padding-bottom: 20px;
  width: 100%;
  min-width: 1460px;

  .box-container {
    // 1329
    background-color: #ffffff;
    padding: 0 20px 15px;
    min-width: 1460px;
    width: 80%;
    min-height: calc(100vh - 420px);
    // overflow-y: scroll;
    margin: 0 auto;
  
    box-sizing: border-box;
  }
}
</style>
